@charset "UTF-8";
#container{
	position: relative;
	margin: 10px auto;
	padding: 10px;
	width: 430px;
	height: 600px;
	background-color: #B9AB9E;
	border-radius: 10px;
}
.cell, .num, #Score, #HighScore{
	position: absolute;
	border-radius: 10px;
}
.cell{
	width: 100px;
	height: 100px;
	background-color: #CCC0B0;
	z-index: 1;
}
.num{
	width: 0;
	height: 0;
	opacity: 0;	
	z-index: 2;
	text-align: center;
  	line-height: 100px;
  	font-weight: bold;
}
#cell-0-0, #num-0-0{
	top: 10px;
	left: 10px;
}
#cell-0-1, #num-0-1{
	top: 10px;
	left: 120px;
}
#cell-0-2, #num-0-2{
	top: 10px;
	left: 230px;
}
#cell-0-3, #num-0-3{
	top: 10px;
	left: 340px;
}
#cell-1-0, #num-1-0{
	top: 120px;
	left: 10px;
}
#cell-1-1, #num-1-1{
	top: 120px;
	left: 120px;
}
#cell-1-2, #num-1-2{
	top: 120px;
	left: 230px;
}
#cell-1-3, #num-1-3{
	top: 120px;
	left: 340px;
}
#cell-2-0, #num-2-0{
	top: 230px;
	left: 10px;
}
#cell-2-1, #num-2-1{
	top: 230px;
	left: 120px;
}
#cell-2-2, #num-2-2{
	top: 230px;
	left: 230px;
}
#cell-2-3, #num-2-3{
	top: 230px;
	left: 340px;
}
#cell-3-0, #num-3-0{
	top: 340px;
	left: 10px;
}
#cell-3-1, #num-3-1{
	top: 340px;
	left: 120px;
}
#cell-3-2, #num-3-2{
	top: 340px;
	left: 230px;
}
#cell-3-3, #num-3-3{
	top: 340px;
	left: 340px;
}
#Score, #HighScore{
	bottom: 40px;
	padding: 10px;
	width: auto;
	height: 60px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background-color: #444;
}
#Score{
	left: 40px;
}
#HighScore{
	right: 40px;
}
